var e = require("../../../uv-ui-tools/libs/function/colorGradient.js"), i = require("../../../uv-ui-tools/libs/mixin/mpMixin.js"), o = require("../../../uv-ui-tools/libs/mixin/mixin.js"), t = require("./props.js"), n = require("../../../../common/vendor.js");

require("../../../uv-ui-tools/libs/function/index.js"), require("../../../uv-ui-tools/libs/function/test.js"), 
require("../../../uv-ui-tools/libs/function/digit.js"), require("../../../uv-ui-tools/libs/util/route.js"), 
require("../../../uv-ui-tools/libs/function/debounce.js"), require("../../../uv-ui-tools/libs/function/throttle.js");

var r = {
    name: "uv-loading-icon",
    mixins: [ i.mpMixin, o.mixin, t.props ],
    data: function() {
        return {
            array12: Array.from({
                length: 12
            }),
            aniAngel: 360,
            webviewHide: !1,
            loading: !1
        };
    },
    computed: {
        otherBorderColor: function() {
            var i = e.colorGradient(this.color, "#ffffff", 100)[80];
            return "circle" === this.mode ? this.inactiveColor ? this.inactiveColor : i : "transparent";
        }
    },
    watch: {
        show: function(e) {}
    },
    mounted: function() {
        this.init();
    },
    methods: {
        init: function() {
            setTimeout(function() {}, 20);
        },
        addEventListenerToWebview: function() {
            var e = this, i = getCurrentPages(), o = i[i.length - 1].$getAppWebview();
            o.addEventListener("hide", function() {
                e.webviewHide = !0;
            }), o.addEventListener("show", function() {
                e.webviewHide = !1;
            });
        }
    }
}, u = n._export_sfc(r, [ [ "render", function(e, i, o, t, r, u) {
    return n.e({
        a: e.show
    }, e.show ? n.e({
        b: !r.webviewHide
    }, r.webviewHide ? {} : n.e({
        c: "spinner" === e.mode
    }, "spinner" === e.mode ? {
        d: n.f(r.array12, function(e, i, o) {
            return {
                a: i
            };
        })
    } : {}, {
        e: n.n("uv-loading-icon__spinner--".concat(e.mode)),
        f: e.color,
        g: e.$uv.addUnit(e.size),
        h: e.$uv.addUnit(e.size),
        i: e.color,
        j: u.otherBorderColor,
        k: u.otherBorderColor,
        l: u.otherBorderColor,
        m: "".concat(e.duration, "ms"),
        n: "semicircle" === e.mode || "circle" === e.mode ? e.timingFunction : ""
    }), {
        o: e.text
    }, e.text ? {
        p: n.t(e.text),
        q: n.s({
            fontSize: e.$uv.addUnit(e.textSize),
            color: e.textColor
        }),
        r: n.s(e.$uv.addStyle(e.textStyle))
    } : {}, {
        s: n.s(e.$uv.addStyle(e.customStyle)),
        t: n.n(e.vertical && "uv-loading-icon--vertical")
    }) : {});
} ], [ "__scopeId", "data-v-3dff3dce" ] ]);

wx.createComponent(u);